<template>
	<div id="app">
		<el-card>
			{{title}}
			<div class="title">{{orgin.title}}</div>
			<div class="time">{{orgin.time}}</div>
			<div class="content" v-html="orgin.innerhtml"></div>
		</el-card>
			
	</div>
</template>
	
<script>
	export default {
	    data: function() {
	        return {
				title: this.$t('home.latestInformationDetails'),
	            orgin: {
	                title: 'admin',
	                time: '123123',
					innerhtml:this.$t('home.bookDescription'),
	            },
	        };
	    },
		created() {
			this.title =  this.title+this.$route.query.id
		},
	    methods: {
			
	    },
		components:{
		}
	};
</script>

<style lang="scss" scoped="scoped">
	#app{
		display: flex;
		flex-direction: column;
		
		.title{
			line-height: 34px;
			font-size: 24px;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;
			color: #333333;
			margin-bottom: 10px;
		}
		.content{
			flex: 1;
			text-indent: 2em;
			font-size: 18px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			line-height: 40px;

		}
		.time{
			width: 168px;
			height: 20px;
			font-size: 14px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #CCCCCC;
			line-height: 20px;
			margin-bottom: 10px;
		}
	}
	
</style>
